@charset "UTF-8";

.dialogContainer {
    box-shadow      : 0 2px 8px 0 rgba(0, 0, 0, 0.20);
    border-radius   : 4px;
    overflow        : hidden;
    position        : fixed;
    background-color: #FFFFFF;
    border-color    : #FFFFFF;
    padding         : 0px;
    margin          : 0px;
    display         : flex;
    flex-direction  : column;
}

.dialogTitleBar {
    border-bottom: 1px solid #f2f2f2;
    padding      : 10px 15px;
    height       : 40px;
    box-sizing   : border-box;
    display      : flex;
}

.dialogTitle {
    overflow   : hidden;
    font-weight: 700;
    font-size  : 14px;
    color      : #222;
    flex       : auto;
}

.dialogCloseBtn {
    background-repeat  : no-repeat;
    background-position: center;
    width              : 20px;
    height             : 20px;
    cursor             : pointer;
    border-radius      : 2px;
    background-image   : url("images/dialog-close.png");
    margin-right       : -5px;
}

.dialogCloseBtn:hover {
    background-color: #F5F6FA;
}

.dialogContent {
    overflow        : auto;
    box-sizing      : border-box;
    background-color: #FFFFFF;
    flex            : 1;
}